<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd"
        >
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>发布 - 技术社区</title>
    <head><head>
    <link rel="stylesheet" href="layui/css/bootstrap.min.css">
    <link rel="stylesheet" href="layui/css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="layui/css/community.css">
    <link rel="icon" href="https://www.mawen.co/images/logo.png" type="image/x-icon">
    <script src="layui/js/jquery-3.4.1.min.js"></script>
    <script src="layui/js/bootstrap.min.js" type="application/javascript"></script>
    <script src="layui/js/community.js" type="application/javascript"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="google-site-verification" content="QGf2OqDw91EjWtNE07HoLJi0x0G2rIYylk6jn6JEoEQ">
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async="" src="layui/js/js.js"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());


        gtag('config', 'UA-89103576-8');
    </script>

</head><head>
    <link rel="stylesheet" href="layui/css/editormd.min.css">
    <link rel="stylesheet" href="layui/css/editormd.preview.min.css">
    <script src="layui/js/editormd.min.js" type="application/javascript"></script>
    <script src="layui/js/moment.js" type="application/javascript"></script>
    <script src="layui/js/marked.min.js"></script>
    <script src="layui/js/prettify.min.js"></script>
</head></head>
    <head><head>
    <link rel="stylesheet" href="layui/css/editormd.min.css">
    <link rel="stylesheet" href="layui/css/editormd.preview.min.css">
    <script src="layui/js/editormd.min.js" type="application/javascript"></script>
    <script src="layui/js/moment.js" type="application/javascript"></script>
    <script src="layui/js/marked.min.js"></script>
    <script src="layui/js/prettify.min.js"></script>
</head></head>
</head>
<body>

<div><div>
    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">码匠社区</span>
                </button>
                <a class="navbar-brand" href="index.html">码匠社区</a>
            </div>

            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <form class="navbar-form navbar-left" action="/topic/publish" method="get">
                    <div class="form-group">
                        <input type="text" class="form-control" name="search" placeholder="搜索问题">
                    </div>
                    <button type="submit" class="btn btn-default">搜索</button>
                </form>
                <ul class="nav navbar-nav">
                    <script>
                        function clickNav(label) {
                            gtag('event', 'click', {
                                'event_category': 'LINK',
                                'event_label': label,
                                'transport_type': 'NAV'
                            })
                        }
                    </script>
                    <li>
                        <a href="837.html" onclick="clickNav(&quot;\u5DE5\u4F5C 2 \u5E74\u963F\u91CC\u524D\u7AEF\u90FD\u95EE\u4EC0\u4E48\uFF1F&quot;)" target="_blank">工作 2 年阿里前端都问什么？</a>
                    </li>
                </ul>
                <ul class="nav navbar-nav navbar-right">
                    
                    <li><a href="index.html">通知 <span class="badge"></span></a>
                    </li>
                    
                    <li>
                        <a href="#" data-toggle="modal" data-target="#myModal">登录</a>
                    </li>

                </ul>
            </div>
        </div>
    </nav>

    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document" style="margin-top: 200px;width: 300px;">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">登录注册</h4>
                </div>
                <div class="modal-body" style="text-align:center">
                    <a href="javascript:;">
                        <img src="layui/picture/gitee.png">
                    </a>
                    <a href="javascript:;">
                        <img src="layui/picture/github.png">
                    </a>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                </div>
            </div>
        </div>
    </div>
</div></div>
<div class="container-fluid main">
    <div class="row">
        <div class="col-lg-9 col-md-12 col-sm-12 col-xs-12">
            <h2><span class="glyphicon glyphicon-plus" aria-hidden="true"></span> 发起</h2>
            <hr>
            <!---->
            <form action="/topic/publish" method="post">
                <input type="hidden" name="id" value="">
                <div class="form-group">
                    <label for="title">问题标题（简单扼要）:</label>
                    <input type="text" class="form-control" value="" required id="title" name="title" placeholder="问题标题……" autocomplete="off">
                    <input type="hidden" th:value="${username}" name="topicUser" class="form-control" value=""  autocomplete="off">
                </div>
                <div class="form-group" id="question-editor" style="z-index: 2">
                    <label for="description">问题补充 (必填，请参照右侧提示):</label>
                    <textarea name="description" id="description" style="display:none;" class="form-control" cols="30" rows="10"></textarea>
                </div>
                <script type="text/javascript">
                    $(function () {
                        var editor = editormd("question-editor", {
                            width: "100%",
                            height: 350,
                            path: "layui/js/lib/",
                            delay: 0,
                            watch: false,
                            placeholder: "请输入问题描述",
                            imageUpload: true,
                            imageFormats: ["jpg", "jpeg", "gif", "png", "bmp", "webp"],
                            imageUploadURL: "/file/upload",
                        });
                    });
                </script>
                <div class="form-group">
                    <label for="tag">添加标签:</label>
                    <input type="text" class="form-control" value="" id="tag" name="tag" autocomplete="off" placeholder="输入标签，以，号分隔" onclick="showSelectTag()">
                    <div id="select-tag" class="publish-tag-tab">
                        <ul class="nav nav-tabs" role="tablist">
                            <li role="presentation" class="active">
                                <a href="#开发语言" aria-controls="home" role="tab" data-toggle="tab">开发语言</a>
                            </li>
                            <li role="presentation">
                                <a href="#平台框架" aria-controls="home" role="tab" data-toggle="tab">平台框架</a>
                            </li>
                            <li role="presentation">
                                <a href="#服务器" aria-controls="home" role="tab" data-toggle="tab">服务器</a>
                            </li>
                            <li role="presentation">
                                <a href="#数据库" aria-controls="home" role="tab" data-toggle="tab">数据库</a>
                            </li>
                            <li role="presentation">
                                <a href="#开发工具" aria-controls="home" role="tab" data-toggle="tab">开发工具</a>
                            </li>
                        </ul>
                        <div class="tab-content">
                            <div role="tabpanel" id="开发语言" class="active tab-pane">
                                <span>
                                    <span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="javascript"> javascript</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="php"> php</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="css"> css</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="html"> html</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="html5"> html5</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="java"> java</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="node.js"> node.js</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="python"> python</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="c++"> c++</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="c"> c</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="golang"> golang</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="objective-c"> objective-c</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="typescript"> typescript</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="shell"> shell</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="swift"> swift</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="c#"> c#</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="sass"> sass</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="ruby"> ruby</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="bash"> bash</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="less"> less</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="asp.net"> asp.net</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="lua"> lua</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="scala"> scala</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="coffeescript"> coffeescript</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="actionscript"> actionscript</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="rust"> rust</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="erlang"> erlang</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="perl"> perl</span>
                                </span>
                                </span>
                            </div>
                            <div role="tabpanel" id="平台框架" class="tab-pane">
                                <span>
                                    <span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="laravel"> laravel</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="spring"> spring</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="express"> express</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="django"> django</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="flask"> flask</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="yii"> yii</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="ruby-on-rails"> ruby-on-rails</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="tornado"> tornado</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="koa"> koa</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="struts"> struts</span>
                                </span>
                                </span>
                            </div>
                            <div role="tabpanel" id="服务器" class="tab-pane">
                                <span>
                                    <span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="linux"> linux</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="nginx"> nginx</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="docker"> docker</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="apache"> apache</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="ubuntu"> ubuntu</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="centos"> centos</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="缓存 tomcat"> 缓存 tomcat</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="负载均衡"> 负载均衡</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="unix"> unix</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="hadoop"> hadoop</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="windows-server"> windows-server</span>
                                </span>
                                </span>
                            </div>
                            <div role="tabpanel" id="数据库" class="tab-pane">
                                <span>
                                    <span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="mysql"> mysql</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="redis"> redis</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="mongodb"> mongodb</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="sql"> sql</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="oracle"> oracle</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="nosql memcached"> nosql memcached</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="sqlserver"> sqlserver</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="postgresql"> postgresql</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="sqlite"> sqlite</span>
                                </span>
                                </span>
                            </div>
                            <div role="tabpanel" id="开发工具" class="tab-pane">
                                <span>
                                    <span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="git"> git</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="github"> github</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="visual-studio-code"> visual-studio-code</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="vim"> vim</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="sublime-text"> sublime-text</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="xcode intellij-idea"> xcode intellij-idea</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="eclipse"> eclipse</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="maven"> maven</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="ide"> ide</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="svn"> svn</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="visual-studio"> visual-studio</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="atom emacs"> atom emacs</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="textmate"> textmate</span>
                                </span><span>
                                    <span class="community-tag" onclick="selectTag(this)" data-tag="hg"> hg</span>
                                </span>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="container-fluid main ">
                    <div class="row">
                        <div class="col-lg-9 col-md-12 col-sm-12 col-xs-12">
                            
                        </div>
                        <div class="col-lg-3 col-md-12 col-sm-12 col-xs-12">
                            <button type="submit" class="btn btn-success btn-publish ">
                                发布
                            </button>
                        </div>
                    </div>
                </div>

            </form>
        </div>
        <div class="col-lg-3 col-md-12 col-sm-12 col-xs-12">
            <h3>问题发起指南</h3>
            • 问题标题: 请用精简的语言描述您发布的问题，不超过25字 <br>
            • 问题补充: 详细补充您的问题内容，并确保问题描述清晰直观, 并提供一些相关的资料<br>
            • 选择标签: 选择一个或者多个合适的标签，用逗号隔开，每个标签不超过10个字<br>
        </div>
    </div>
</div>
<div><div class="footer">

</div></div>
</body>

</html>